<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:f="http://java.sun.com/jsf/core" template="/template.xhtml">
	<ui:define name="css">
		<h:outputStylesheet library="css" name="estilo.css" />
		<style type="text/css">
.ui-selectonemenu label.ui-selectonemenu-label {
	padding-right: 28px;
	text-align: left;
	width: 100% !important;
}

.headerdetalhe.ui-widget-header {
	font-size: 22px;
	margin: auto;
	text-align: center;
}
</style>
	</ui:define>
	<ui:define name="title"> Bidman</ui:define>
	<ui:define name="conteudo">
		<p:panel header="Cadastro de Edital" styleClass="headerdetalhe"
			style="overflow: hidden">
			<h:form id="form" style="margin:auto">

				<p:messages id="messagesDetalhe" showDetail="false"
					autoUpdate="true" closable="true" />
				<p:panelGrid style="margin-top:20px; margin:auto">
					<f:facet name="header">
						<p:row>
							<p:column colspan="3">
								<h:outputText value="#{lanceController.edital.titulo}" />
							</p:column>
						</p:row>
					</f:facet>
					<p:row>
						<p:column rowspan="10" style="font-weight: bold;">
							<img
								src="#{request.contextPath}/images/#{lanceController.edital.getImage()}"
								style="width: 400px; height: 250px" />
						</p:column>
						<p:column>
							<h:outputText value="Produto: "
								rendered="#{lanceController.produtoServico.tipo == 1}" />
							<h:outputText value="Servico: "
								rendered="#{lanceController.produtoServico.tipo == 2}" />
						</p:column>
						<p:column style="font-weight: bold;">
							<h:outputText value="#{lanceController.produtoServico.descricao}" />
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<h:outputText value="Local: " />
						</p:column>
						<p:column>
							<h:outputText value="#{lanceController.edital.local}" />
						</p:column>
					</p:row>

					<p:row>
						<p:column>
							<h:outputText value="Descricao: " />
						</p:column>
						<p:column>
							<h:outputText value="#{lanceController.edital.image}" />
						</p:column>
					</p:row>

					<p:row>
						<p:column>
							<h:outputText value="Quantidade: " />
						</p:column>
						<p:column>
							<h:outputText value="#{lanceController.edital.quantidadeProduto}" />
						</p:column>
					</p:row>

					<p:row>
						<p:column>
							<h:outputText value="Data de inicio: " />
						</p:column>
						<p:column>
							<h:outputText
								value="#{lanceController.edital.getData_inicioFormatada()}" />
						</p:column>
					</p:row>

					<p:row>
						<p:column>
							<h:outputText value="Encerramento: " />
						</p:column>
						<p:column>
							<h:outputText
								value="#{lanceController.edital.getData_fimFormatada()}" />
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<h:outputText value="Valor maximo inicial: " />
						</p:column>
						<p:column>
							<h:outputText value="R$#{lanceController.edital.valor_max}" />
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<h:outputText value="Último lance: " />
						</p:column>
						<p:column>
							<h:outputText value="R$#{lanceController.menorLance.valor} de "
								rendered="#{lanceController.menorLance != null}" />
							<h:outputText style="font-weight: bold"
								value="#{lanceController.menorLance.usuario.usuario}"
								rendered="#{lanceController.menorLance != null}" />
							<h:outputText value="Nenhum lance."
								rendered="#{lanceController.menorLance == null}" />
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<h:outputText value="Em: " />
						</p:column>
						<p:column>
							<h:outputText
								value="#{lanceController.menorLance.getDataHoraFormatada()}"
								rendered="#{lanceController.menorLance != null}" />
							<h:outputText value="-"
								rendered="#{lanceController.menorLance == null}" />
						</p:column>
					</p:row>
					<p:row rendered="#{loginController.usuario.perfil == 2}">
						<p:column colspan="2" rendered="#{lanceController.edital.ativo}">
							<!-- Fornecedor e edital ativo -->
							<p:commandButton id="darLance" value="Dar Lance"
								style="margin:auto"
								rendered="#{lanceController.edital.isEmBreve() == false}" />
							<p:overlayPanel id="darLancePanel" for="darLance"
								hideEffect="fade">
								<p:panelGrid styleClass="darlance">

									<p:row>
										<p:column style="font-weight: bold">
											<h:outputText value="Decremento minimo: " />
										</p:column>
										<p:column>
											<h:outputText
												value="R$#{lanceController.edital.decrementoMinimo}" />
										</p:column>
									</p:row>
									<p:row colspan="2">
										<p:column>
											<h:outputText value="Valor: " />
											<pe:inputNumber id="valormax" thousandSeparator="."
												decimalSeparator="," style="width: 90px"
												value="#{lanceController.lance.valor}" symbol="R$ " />
										</p:column>
										<p:column style="font-weight: bold;">
											<p:commandButton value="Efetuar lance" style="margin:auto"
												action="#{lanceController.salvarLance}" update="@form"
												onclick="darLancePanel.hide();" />
										</p:column>
									</p:row>
									<p:row>
									</p:row>
								</p:panelGrid>
							</p:overlayPanel>
							<h:outputText value="Edital ainda não inicializado."
								rendered="#{lanceController.edital.isEmBreve()}" />
						</p:column>
						<p:column colspan="2"
							rendered="#{lanceController.edital.ativo == false}">
							<h:outputText value="Edital finalizado." />
						</p:column>
					</p:row>
					<p:row rendered="#{loginController.usuario.perfil == 1}">
						<p:column colspan="2">
							<h:outputText
								value="Somente fornecedores estao aptos a efetuar lances"
								rendered="#{lanceController.edital.ativo}" />
							<h:outputText value="Edital finalizado."
								rendered="#{lanceController.edital.ativo == false}" />
						</p:column>
					</p:row>
					<p:row
						rendered="#{loginController.logado == false or loginController == null}">
						<p:column colspan="2">
							<h:outputText
								value="Voce precisa estar conectado para efetuar um lance"
								rendered="#{lanceController.edital.ativo}" />
							<h:outputText value="Edital finalizado."
								rendered="#{lanceController.edital.ativo == false}" />
						</p:column>
					</p:row>
				</p:panelGrid>
				<br />
				<div id="j_idt51"
					class="ui-panel ui-widget ui-widget-content ui-corner-all headerdetalhe"
					style="overflow: hidden">
					<div style="margin-left: 0px;" id="j_idt51_header"
						class="ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all">
						<span class="ui-panel-title">Últimos lances</span>
					</div>
				</div>
				<br />
				<p:dataTable var="_lance" value="#{lanceController.lancesEdital}"
					emptyMessage="Não Há Registros" style="width:50%;margin:auto"
					rowKey="#{_lance.id}" id="table">
					<p:column headerText="Login">
						<h:outputText value="#{_lance.usuario.usuario}" />
					</p:column>
					<p:column headerText="Valor">
						<h:outputText value="#{_lance.valor}" />
					</p:column>
					<p:column headerText="Data">
						<h:outputText value="#{_lance.dataHoraFormatada}" />
					</p:column>
				</p:dataTable>

				<div style="float: left">
					Número de acessos:
					<h:outputText value="#{lanceController.edital.numAcessos}" />
				</div>

				<div style="float: right">
					Número de lances:
					<h:outputText value="#{lanceController.qtdLances}" />
				</div>
			</h:form>
		</p:panel>
	</ui:define>
</ui:composition>


